From f4dead26c92e2ef6be45af0eb56d12bb3a00d983 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Sat, 24 Sep 2022 22:20:18 -0600
Subject: lots of style updates after design review, bug fixes, and more
 improve

---
 src/routes/[username]/settings/+page.svelte     | 14 +++++++++-----
 src/routes/[username]/settings/_account.svelte  |  3 ++-
 src/routes/[username]/settings/_security.svelte | 11 ++++++-----
 3 files changed, 17 insertions(+), 11 deletions(-)

(limited to 'src/routes/[username]/settings')

diff --git a/src/routes/[username]/settings/+page.svelte b/src/routes/[username]/settings/+page.svelte
index e3acc93c..978f537a 100644
--- a/src/routes/[username]/settings/+page.svelte
+++ b/src/routes/[username]/settings/+page.svelte
@@ -37,8 +37,8 @@
 
 <AppHeader />
 
-<form on:submit|preventDefault={save} class="mb-28">
-	<div class="my-20 px-3 md:px-0 w-full md:w-[400px] mx-auto space-y-8">
+<form on:submit|preventDefault={save} class="mb-[154px]">
+	<div class="mt-24 mb-20 px-3 md:px-0 w-full md:w-[400px] mx-auto space-y-8">
 		<h1 class="text-center text-3xl md:text-4xl font-semibold mb-10">
 			{$t('user.settings.header')}
 		</h1>
@@ -55,9 +55,13 @@
 
 		<svelte:component this={comp} />
 	</div>
-	<div class="z-10 fixed bottom-0 bg-white shadow border w-full">
-		<button type="submit" class="primary">
-			<Icon icon="save" style="mr-1" />
+	<div
+		class="z-10 fixed bottom-0 bg-white shadow border-t w-full flex justify-center items-center py-3"
+	>
+		<button
+			type="submit"
+			class="bg-black text-white rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80"
+		>
 			<div class="my-auto">Save Settings</div>
 		</button>
 	</div>
diff --git a/src/routes/[username]/settings/_account.svelte b/src/routes/[username]/settings/_account.svelte
index dbaea87e..ff7676f4 100644
--- a/src/routes/[username]/settings/_account.svelte
+++ b/src/routes/[username]/settings/_account.svelte
@@ -213,6 +213,7 @@
 	{/if}
 </div>
 
+<!-- TODO
 <div>
 	<span class="font-bold mb-1 block">{$t('user.settings.theme')}</span>
 	<p class="text-secondary mb-1">{$t('user.settings.themeDescription')}</p>
@@ -226,4 +227,4 @@
 			on:click={() => handleThemeClick(colors)}
 		/>
 	{/each}
-</div>
+</div> -->
diff --git a/src/routes/[username]/settings/_security.svelte b/src/routes/[username]/settings/_security.svelte
index b74193cf..1b8fb125 100644
--- a/src/routes/[username]/settings/_security.svelte
+++ b/src/routes/[username]/settings/_security.svelte
@@ -36,7 +36,7 @@
 				toggleEnabling();
 			}
 		} catch (e) {
-			failure('Failed to enable 2fa, try again');
+			failure('Failed to enable 2FA, try again');
 		}
 	};
 
@@ -50,13 +50,14 @@
 				toggleDisabling();
 			}
 		} catch (e) {
-			failure('Failed to disable 2fa, try again');
+			failure('Failed to disable 2FA, try again');
 		}
 	};
 
 	$: otpUri = `otpauth://totp/coinos:${$user.username}?secret=${$user.otpsecret}&period=30&digits=6&algorithm=SHA1&issuer=coinos`;
 </script>
 
+<!-- TODO
 <div>
 	<span class="font-bold mb-1">{$t('user.settings.securityPIN')}</span>
 	<p class="text-secondary mb-1">
@@ -80,9 +81,9 @@
 			><Icon icon="lock" style="mr-1" /> {$t('user.settings.setPIN')}</button
 		>
 	{/if}
-</div>
+</div> -->
 
-<!-- TODO -->
+<!-- TODO
 <div>
 	<label for="auto-lock" class="font-bold mb-1">{$t('user.settings.autoLock')}</label>
 	<p class="text-secondary mb-1">
@@ -95,7 +96,7 @@
 		<option value="60">1 h</option>
 		<option value="480">8 h</option>
 	</select>
-</div>
+</div> -->
 
 <div>
 	<span class="font-bold mb-1">{$t('user.settings.twofa')}</span>
-- 
cgit v1.2.3